<!doctype html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>eduwork</title>
    <link rel="stylesheet" href="css/bootstrap.css">
    <style>
        .nav-link-a {
            background-size: 20px 20px;
            background-image: url('images/eduplayer.818f5a2.png');
            background-repeat: no-repeat;
            background-position: 0 center;
            padding-left: 23px !important;
        }
    </style>
</head>
<body>
<!--导航-->
<nav>
    <div class="container ">
        <div class="row">
            <div class="col shadow-sm">
                <nav class="navbar navbar-expand-lg navbar-light bg-white p-1">
                    <a class="navbar-brand navbar-toggler border-0" href="#">
                        <img src="images/logo8.dd07b64.png" class="img-fluid" style="max-width: 192px">
                    </a>
                    <button class="navbar-toggler" type="button" data-toggle="collapse"
                            data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                            aria-expanded="false" aria-label="Toggle navigation">
                        <span class="navbar-toggler-icon"></span>
                    </button>

                    <div class="collapse navbar-collapse" id="navbarSupportedContent">
                        <ul class="navbar-nav mr-auto">
                            <li class="nav-item active">
                                <a class="nav-link nav-link-a" href="#">融智教育 <span class="sr-only">(current)</span></a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link nav-link-a" href="#">学习园地</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link nav-link-a" href="#">智校云</a>
                            </li>
                            <li class="nav-item dropdown">
                                <a class="nav-link dropdown-toggle" href="#" id="navbarModeDropdown" role="button"
                                   data-toggle="dropdown" aria-expanded="false">
                                    培训模式
                                </a>
                                <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                                    <a class="dropdown-item" href="#">面授模式</a>
                                    <a class="dropdown-item" href="#">坐班模式</a>
                                    <div class="dropdown-divider"></div>
                                    <a class="dropdown-item" href="#">实习模式</a>
                                </div>
                            </li>
                            <li class="nav-item dropdown">
                                <a class="nav-link dropdown-toggle" href="#" id="navbarDirectionDropdown" role="button"
                                   data-toggle="dropdown" aria-expanded="false">
                                    培养方向
                                </a>
                                <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                                    <a class="dropdown-item" href="#">面授模式</a>
                                    <a class="dropdown-item" href="#">坐班模式</a>
                                    <div class="dropdown-divider"></div>
                                    <a class="dropdown-item" href="#">实习模式</a>
                                </div>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link disabled">Web全栈班：<i
                                        class="mark text-danger">￥9800</i><s>￥19800</s></a>
                            </li>
                        </ul>
                        <div class="form-inline my-2 my-lg-0 nav-item dropdown">
                            <a class="nav-link dropdown-toggle nav-link-a" href="#" id="navbarWechatDropdown" role="button"
                               data-toggle="dropdown" aria-expanded="false">
                                咨询微信
                            </a>
                            <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                                <a class="dropdown-item" href="#">面授模式</a>
                                <a class="dropdown-item" href="#">坐班模式</a>
                                <div class="dropdown-divider"></div>
                                <a class="dropdown-item" href="#">实习模式</a>
                            </div>
                        </div>
                    </div>
                </nav>
            </div>
        </div>
    </div>
</nav>
<!--导航结束-->

<!--头部-->
<header>
    <div class="container">
        <div class="row">
            <div class="col">
                <a href="#"><img src="images/logo8.dd07b64.png" alt="融职教育" class="img-fluid" style="max-width: 192px; height: auto;"></a>
            </div>
            <div class="col">
                <blockquote class="blockquote text-center pt-2">
                    <p>在工作中学习，在学习中工作</p>
                </blockquote>
            </div>
            <div class="col">TOOL</div>
        </div>
    </div>

</header>
<!--头部结束-->


<!--轮播图开始-->
<section>
    <div class="container">
        <div class="row">
            <div class="col">轮播图</div>
        </div>
    </div>

</section>
<!--轮播图结束-->

<!--你的收获开始-->
<section>
    <div class="container">
        <div class="row">
            <div class="col">
                <h4 class="d-inline-block">你的收获</h4>
                <small class="text-muted pl-2">副标题描述</small>
            </div>
        </div>
        <div class="row">
            <div class="col-4 col-sm-4 col-md">1</div>
            <div class="col-4 col-sm-4 col-md">2</div>
            <div class="col-4 col-sm-4 col-md">3</div>
            <div class="col-4 col-sm-4 col-md">4</div>
            <div class="col-4 col-sm-4 col-md">5</div>
            <div class="col-4 col-sm-4 col-md">6</div>
        </div>
    </div>
</section>
<!--你的收获结束-->

<!--关注我们开始-->
<section>
    <div class="container">
        <div class="row">
            <div class="col">
                <h4 class="d-inline-block">关注我们</h4>
                <small class="text-muted pl-2">副标题描述</small>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12 col-md-8">1</div>
            <div class="col-sm-12 col-md-4 ">2</div>
        </div>
    </div>
</section>
<!--关注我们结束-->

<!--成长平台开始-->
<section>
    <div class="container">
        <div class="row">
            <div class="col">
                <h4 class="d-inline-block">成长平台</h4>
                <small class="text-muted pl-2">副标题描述</small>
            </div>
        </div>
        <div class="row justify-content-between">
            <div class="bg-border col-1">1</div>
            <div class="bg-border col-1">2</div>
            <div class="bg-border col-1">3</div>
            <div class="bg-border col-1">4</div>
            <div class="bg-border col-1">5</div>
            <div class="bg-border col-5">6</div>
        </div>

        <div class="row justify-content-between">
            <div class="bg-border col-1 d-flex flex-column">
                <div>1-1</div>
                <div>1-2</div>
            </div>
            <div class="bg-border col-8">2</div>
            <div class="bg-border col-1 d-flex flex-column">
                <div>3-1</div>
                <div>3-2</div>
            </div>
        </div>

        <div class="row ">
            <div class="bg-border col">1</div>
        </div>
    </div>
</section>
<!--成长平台结束-->

<!--培养模式开始-->
<section>
    <div class="container">
        <div class="row">
            <div class="col">
                <h4 class="d-inline-block">培养模式</h4>
                <small class="text-muted pl-2">副标题描述</small>
            </div>
        </div>
        <div class="row">
            <div class="bg-border col-1">1</div>
            <div class="bg-border-rotate col-3">1</div>
            <div class="bg-border col-4">1</div>
            <div class="bg-border-rotate col-3">1</div>
            <div class="bg-border col-1">1</div>
        </div>
    </div>
</section>
<!--培养模式结束-->

<!--面授培训开始-->
<section>
    <div class="container">
        <div class="row">
            <div class="col">
                <h4 class="d-inline-block">面授培训</h4>
                <small class="text-muted pl-2">副标题描述</small>
            </div>
        </div>
        <div class="row">
            <div class="bg-border col-2">1</div>
            <div class="bg-border col-2">1</div>
            <div class="bg-border col-1">1</div>
            <div class="bg-border col-3">1</div>
            <div class="bg-border col-4">1</div>
        </div>
    </div>
</section>
<!--面授培训结束-->

<!--实习目标开始-->
<section>
    <div class="container">
        <div class="row">
            <div class="col">
                <h4 class="d-inline-block">实习目标</h4>
                <small class="text-muted pl-2">副标题描述</small>
            </div>
        </div>

        <div class="row">
            <div class="bg-border col-sm-12 col-md-6">1</div>
            <div class="bg-border col-sm-12 col-md-6">1</div>
            <div class="bg-border col-sm-12 col-md-6">1</div>
            <div class="bg-border col-sm-12 col-md-6">1</div>
        </div>
    </div>
</section>
<!--实习目标结束-->

<!--你的总监开始-->
<section>
    <div class="container">
        <div class="row">
            <div class="col">
                <h4 class="d-inline-block">你的总监</h4>
                <small class="text-muted pl-2">副标题描述</small>
            </div>
        </div>

        <div class="row">
            <div class="bg-border col-3">1</div>
            <div class="bg-border col">1</div>

        </div>

        <div class="row">
            <div class="bg-border col-12 col-sm-6 col-lg-3">1</div>
            <div class="bg-border col-12 col-sm-6 col-lg-3">1</div>
            <div class="bg-border col-12 col-sm-6 col-lg-3">1</div>
            <div class="bg-border col-12 col-sm-6 col-lg-3">1</div>
        </div>
    </div>
</section>
<!--你的总监结束-->

<!--对标培训开始-->
<section>
    <div class="container">
        <div class="row">
            <div class="col">
                <h4 class="d-inline-block">对标培训</h4>
                <small class="text-muted pl-2">副标题描述</small>
            </div>
        </div>
        <div class="row">
            <div class="bg-border col">1</div>
            <div class="bg-border col-2">1</div>
            <div class="bg-border col">1</div>
        </div>
        <div class="row">
            <div class="bg-border col">1</div>
            <div class="bg-border col-2">1</div>
            <div class="bg-border col">1</div>
        </div>
        <div class="row">
            <div class="bg-border col">1</div>
            <div class="bg-border col-2">1</div>
            <div class="bg-border col">1</div>
        </div>
        <div class="row">
            <div class="bg-border col">1</div>
            <div class="bg-border col-2">1</div>
            <div class="bg-border col">1</div>
        </div>
        <div class="row">
            <div class="bg-border col">1</div>
            <div class="bg-border col-2">1</div>
            <div class="bg-border col">1</div>
        </div>
        <div class="row">
            <div class="bg-border col">1</div>
            <div class="bg-border col-2">1</div>
            <div class="bg-border col">1</div>
        </div>
    </div>
</section>
<!--对标培训结束-->

<!--工作环境开始-->
<section>
    <div class="container">
        <div class="row">
            <div class="col">
                <h4 class="d-inline-block">工作环境</h4>
                <small class="text-muted pl-2">副标题描述</small>
            </div>
        </div>

        <div class="row">
            <div class="bg-border col">1</div>
        </div>
    </div>
</section>
<!--工作环境结束-->

<!--底部-->
<footer>
    <div class="container">
        <div class="row">
            <div class="bg-border col-sm-12 col-md-10">底部1</div>
            <div class="bg-border col-sm-12 col-md-2">底部2</div>
        </div>
    </div>
</footer>
<!--底部结束-->

<script src="node_modules/jquery/dist/jquery.slim.js"></script>
<script src="js/bootstrap.bundle.js"></script>
</body>
</html>